<span xmlns:ice="http://www.icesoft.com/icefaces/component">
   <ice:form>
        	<!-- Draggable Panel -->
           	<ice:panelGroup style="z-index:10; width:100px; height: 100px; background-color:silver; cursor:move;"
                                draggable="true" dragListener="#{dragDropaaa.dragListener}"
                                dragOptions="dragGhost"
                                dragMask="dragging,drag_cancel"
                                dropMask="dragging,drag_cancel,hover_start,hover_end">
				<ice:outputText value="#{dragDropaaa.dropValue}"></ice:outputText>
                                 <ice:graphicImage id="GrphImg"
                              width="100px"
                              height="75px"
                              url="120px-Face-smile.svg.png"
                              alt="smile"/>
			</ice:panelGroup>

			<!-- Drop Target 1 -->
			<ice:panelGroup dropValue="Targeted Achievement" style="margin:10px; padding:10px; width:300px; height:200px; background-color:orange; color:white;" dropTarget="true">
				<em>Targeted Achievement</em>
                                <br/>

                                <ice:graphicImage visible="#{dragDropaaa.targetFilled}"
                              width="100px"
                              height="75px"
                              url="120px-Face-smile.svg.png"
                              alt="smile"/>
				</ice:panelGroup>

			<!-- Drop Target 2 -->
			<ice:panelGroup dropValue="Done Achievement" style="margin:10px; padding:10px; width:300px; height:200px; background-color:blue; color:white;" dropTarget="true">
				<em>Done Achievement</em>
                                <br/>
                                <ice:graphicImage visible="#{dragDropaaa.doneFilled}"
                              width="100px"
                              height="75px"
                              url="120px-Face-smile.svg.png"
                              alt="smile"/>
				</ice:panelGroup>

			<!-- DragEvent's -->
			<ice:outputText value="#{dragDropaaa.dragMessage}"></ice:outputText>
</ice:form>

</span>
